<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru" dir="ltr">
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Original - TF - da-ff</title>
  <link href="css/template.css" rel="stylesheet" type="text/css" media="all" />
</head>

<body>
  <div class="ui-page two-column">
    <div class="ui-container">
    	<div class="content blockfix">
      	<div class="left-side">
          <div class="user-block contactlist">
            <ul class="contacts">
              <li class="contact online has-messages">
                <img class="avatar" src="images/photo01.png" alt="Ренат" />
                <span class="ind">25</span>
                <span class="title">Ренат, 21</span>
              </li>
              <li class="contact online has-messages active">
                <img class="avatar" src="images/photo02.png" alt="Семен" />
                <span class="ind">25</span>
                <span class="title">Семен, 23</span>
              </li>
              <li class="contact online has-messages">
                <img class="avatar" src="images/photo03.png" alt="Сергей" />
                <span class="ind">25</span>
                <span class="title">Сергей, 45</span>
              </li>
              <li class="contact">
                <img class="avatar" src="images/photo04.png" alt="Павлик" />
                <span class="ind">25</span>
                <span class="title">Павлик, 16</span>
              </li>
              <li class="contact">
                <img class="avatar" src="images/photo05.png" alt="Алексей" />
                <span class="ind">25</span>
                <span class="title">Алексей, 34</span>
              </li>
              <li class="contact">
                <img class="avatar" src="images/photo06.png" alt="Сергей" />
                <span class="ind">25</span>
                <span class="title">Сергей, 16</span>
              </li>
            </ul>
          </div>
        </div>
        <div class="right-side">
	        <div class="user-block chat active">
          	<div class="user-block contactinfo">
              <div class="toolbar">
                <button class="btn-item none-border btn-add-contact">Добавить в контакты</button>
                <button class="btn-item none-border btn-complain">Пожаловаться</button>
              </div>
              <img class="avatar" src="images/photo02.png" alt="Сергей" />
              <span class="title">Семен, 23</span>
              <span class="description">Россия, Санкт-Петербург</span>
            </div>
            <div class="user-block messages">
              <div class="message">
                <span class="title">Семен</span>
                <span class="timestamp"></span>
                <span class="body">Привет, как дела?</span>
              </div>
              <div class="message own">
                <span class="title">Юлия</span>
                <span class="timestamp"></span>
                <span class="body">Привет</span>
              </div>
            </div>
            <div class="user-block editor">
              <div class="textarea">
                <textarea class="textarea-message" plaseholder="Сообщение"></textarea>
              </div>
              <div class="toolbar">
                <button class="btn-item btn-send-message">Отправить</button>
                <button class="btn-item none-border has-icon btn-send-gift">Отправить подарок</button>
                <button class="btn-item none-border has-icon btn-set-rating">Отправить оценку</button>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <script src="js/jquery.js" type="text/javascript"></script>
  <script src="js/default.js" type="text/javascript"></script>
  <script type="text/javascript">
    (function () {
			//TODO:
		})();
  </script>
  <div class="ui-dialog" style="display:none;">
	  <div id="vkLogin"></div>
  </div>
  <div id="vk_api_transport"></div>
  <script type="text/javascript">
		(function () {
			return undefined;
			window.vk = window.vk || {loginscheme : 'https', ip_h : 'rznhao2cidQB7oS67av3'};
	
			window.vkAsyncInit = function () {
				VK.Auth.getLoginStatus(function (response) {
					if (response.session) {
						window.location = baseURL + '?op=main&page=auth';
					} else {
						VK.UI.button('vk_login');
					}
				});
				VK.Observer.subscribe('auth.login', function (response) {
					console.log('login: ', response);
					window.location = baseURL + '?op=main&page=auth';
				});
				VK.Observer.subscribe('auth.logout', function () {
					console.log('logout');
				});
				VK.Observer.subscribe('auth.statusChange', function (response) {
					console.log('statusChange: ', response);
				});
				VK.Observer.subscribe('auth.sessionChange', function (response) {
					console.log('sessionChange: ', response);
				});
	
				VK.init({
					apiId : 2645249,
					nameTransportPath : '/xd_receiver.html'
				});
				VK.UI.button('vkLogin');
			};
			setTimeout(function() {
				var el = document.createElement('script');
				el.type = 'text/javascript';
				el.src = 'http://vkontakte.ru/js/api/openapi.js?3';
				el.async = true;
				document.getElementById('vk_api_transport').appendChild(el);
			}, 0);
	 	})();
  </script>
</body>
</html>
